<!doctype html>
<html lang="zh-Hans-CN">
<head>
    <meta charset="UTF-8">
    <title>CC's博客-技术流</title>
    <meta name="keywords" content="个人博客" />
    <meta name="description" content="小清新风格的个人博客" />
    <link href="/static/css/base.css" rel="stylesheet">
    <link href="/static/css/tech.css" rel="stylesheet">
</head>
<body>
<header>
<div id="logo"><a href="/static/images/logo.png"></a></div>
<div class="avatar" id="avatar"><a href="/admin/"></a></div>
<nav class="topnav" id="topnav">
    <a href="/"><span>首页</span><span class="en">Home</span></a>
    <a href="/tech/"><span>技术流</span><span class="en">Tech</span></a>
    <a href="/movie/"><span>爱电影</span><span class="en">Movie</span></a>
    <a href="/book/"><span>轻悦读</span><span class="en">Book</span></a>
    <a href="/chat/"><span>扯淡派</span><span class="en">Chat</span></a>
</nav>
</header>
<!-- blog文章 -->
<article class="wrapper">
    <!--  二级菜单  -->
    <h1 class="t-nav">
        <span>分享是一种积极的人生态度</span>
        <a href="#" class="n1">Web开发</a>
        <a href="#" class="n2">系统运维</a>
        <a href="#" class="n3">算法</a>
        <a href="#" class="n4">编程语言</a>
        <a href="#" class="n5">其他</a>
    </h1>
    {% block techblog %}
    <!--  左边栏 IT文章列表     -->
    <div class="ITblogs left">
        {% for blog in articles.object_list %}
        <h2>{{ blog.title }}</h2>
        <!--figure><img src="/static/images/001.png"></figure-->
        <ul class="nlist">
            <li><p>{{ blog.abstract }}</p></li>
            <!--  http://127.0.0.1:8000/detail/?id=14&page=2  -->
            <li><a href="{% url 'tech_detail' id=blog.id %}" target="_self" class="readmore">详细内容>></a></li>
            <li><p class="dateview"><span>更新时间：{{ blog.update_time|date:'Y-m-d H:i' }}</span><span>作者：cc</span><span class="tag">标签：[{{ blog.tag }}]</span></p></li>
        </ul>
        <div class="line"></div>  <!--分割线-->
        {% endfor %}
        <!--  分页显示的页码  -->
        <div class="page">
            {% if articles.has_previous %}
            <a title="上一页" href="?page={{ articles.previous_page_number }}"><b>&lt</b></a>
            {% endif %}
            {% for p in page_range %}
                {% ifequal p articles.number %}
                    <b class="current">{{p}}</b>
                {% else %}
                    <a title="第{{ p }}页" href="?page={{ p }}">{{ p }}</a>
                {% endifequal %}
            {% endfor %}
            {% if articles.has_next %}
                <a title="下一页" href="?page={{ articles.next_page_number }}">&gt</a>
            {% endif %}
            <a title="显示全部" href="?page=all" >All</a>
        </div>
    </div>
    {% endblock %}
    <!--   右边栏 一些筛选排序文章的模块  -->
    <aside class="right">
        <div class="r-nav">
            <h2>标签</h2>
            <ul>
                <li><a href="#" target="_self">Python</a></li>
                <li><a href="#" target="_self">Linux基础</a></li>
                <li><a href="#" target="_self">Ansible</a></li>
                <li><a href="#" target="_self">Docker</a></li>
                <li><a href="#" target="_self">Zabbix</a></li>
                <li><a href="#" target="_self">Django</a></li>
            </ul>
        </div>
        <!--  最新文章（同首页）   -->
        <div class="news">
            <h3 class="newest-article"><span>最新<span>文章</span></span></h3>
            <ul class="newest">
                <li><a href="/" title="vim常用配置" target="_self">vim常用配置</a></li>
                <li><a href="/" title="程序员必须知道的十大基础实用算法" target="_self">程序员必须知道的十大基础实用算法</a></li>
                <li><a href="/" title="用CSS3实现动画效果" target="_self">用CSS3实现动画效果</a></li>
                <li><a href="/" title="基于LNMP快速建站" target="_self">基于LNMP快速建站</a></li>
                <li><a href="/" title="Ansible系统架构及常用命令" target="_self">Ansible系统架构及常用命令</a></li>
                <li><a href="/" title="制作rpm包" target="_self">制作rpm包</a></li>
                <li><a href="/" title="自动化运维工具Zabbix之自定义监控" target="_self">自动化运维工具Zabbix之自定义监控</a></li>
            </ul>

            <h3 class="click"><span>点击<span>排行</span></span></h3>
            <ul class="rank">
                <li><a href="/" title="自动化运维工具Zabbix之自定义监控" target="_self">自动化运维工具Zabbix之自定义监控</a></li>
                <li><a href="/" title="基于LNMP快速建站" target="_self">基于LNMP快速建站</a></li>
                <li><a href="/" title="VMware虚拟机多种连接方式上网" target="_self">VMware虚拟机多种连接方式上网</a></li>
                <li><a href="/" title="正则表达式知识总结" target="_self">正则表达式知识总结</a></li>
                <li><a href="/" title="实现mysql主从复制" target="_self">实现mysql主从复制</a></li>
            </ul>
        </div>

        <div class="info">
        <h3><span>网站统计：</span></h3>
        <ul>
            <li></li>
        </ul>
        </div>
    <!-- 百度分享悬浮窗口 -->
        <script src="/static/js/baidushare.js"></script>
    <!-- 微信公众号二维码 -->
        <div id="QRcode"><a href="/static/images/weixinQRcode.jpg"></a><p>扫描图中二维码添加微信公众号</p></div>
    </aside>

</article>
<footer>
<p> CC's Blog <a href="http://www.askbaike.cc/" target="_self">陕ICPxxxxxx号-1</a>
<a href="/">网站统计</a></p>
</footer>
<script src="/static/js/silder.js"></script>
</body>
</html>

